<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <!-- <link rel="stylesheet" href="./css/font.css"> -->
    <link rel="stylesheet" href="./css/xadmin.css">
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <!-- 引入 layui.css -->
    <link href="//unpkg.com/layui@2.8.0/dist/css/layui.css" rel="stylesheet">
    <link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">
    <style>
        #editor—wrapper {
            border: 1px solid #ccc;
            z-index: 100;
            /* 按需定义 */
            width: 1000px;
            position: relative;
            left: 153px;
        }

        #toolbar-container {
            border-bottom: 1px solid #ccc;
        }

        #editor-container {
            height: 200px;
        }
    </style>

    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.8.0/dist/layui.js"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
    <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>

    <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
                <cite>导航元素</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
            onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
    </div>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <form class="layui-form" action="form.html">

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">标题</label>
                        <div class="layui-input-inline layui-input-wrap">
                            <input type="tel" name="title" lay-verify="required" autocomplete="off"
                                lay-reqtext="请输入标题名称" lay-affix="clear" class="layui-input " placeholder="请输入标题名称">
                        </div>
                        <div class="layui-form-mid" style="padding: 0!important;">
                            <button type="button" class="layui-btn layui-btn-primary" lay-on="get-vercode">查重</button>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">作者</label>
                    <div class="layui-input-inline layui-input-wrap">
                        <input type="text" name="author" lay-verify="required" autocomplete="off" lay-affix="clear"
                            class="layui-input" placeholder="请输入作者">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">阅读次数</label>
                    <div class="layui-input-inline layui-input-wrap">
                        <input type="text" name="click" lay-verify="required|number" autocomplete="off"
                            lay-affix="clear" class="layui-input" placeholder="请输入阅读次数">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">创建时间</label>
                        <div class="layui-input-inline layui-input-wrap">
                            <div class="layui-input-prefix">
                                <i class="layui-icon layui-icon-date"></i>
                            </div>
                            <input type="text" name="create_date" id="date" lay-verify="date" placeholder="yyyy-MM-dd"
                                autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">收藏数量</label>
                    <div class="layui-input-inline layui-input-wrap">
                        <input type="text" name="lovenum" lay-verify="required|number" placeholder="请输入收藏数量名称"
                            autocomplete="off" class="layui-input">
                    </div>

                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">分类</label>
                    <div class=" layui-input-inline">
                        <select id="cate" name="cateid" lay-filter="aihao" lay-verify="required">
                            <!-- <option value=""></option> -->

                        </select>
                    </div>
                </div>


                <div class="layui-form-item tagAll">
                    <label class="layui-form-label">文章标签</label>
                    <div class="layui-input-block tag">
                        <input type="checkbox" name="" lay-skin="tag" title="搞笑" value="搞笑">
                        <input type="checkbox" name="" lay-skin="tag" title="二次元" value="二次元">
                        <input type="checkbox" name="" lay-skin="tag" title="摄影" value="摄影">
                    </div>
                </div>
                <div class="layui-upload" style="margin-left: 45px;">
                    <button type="button" class="layui-btn" id="ID-upload-demo-btn-2">
                        <i class="layui-icon layui-icon-upload"></i> 文章缩略图上传
                    </button>
                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 11px;">
                        预览图：
                        <div class="layui-upload-list img" id="upload-demo-preview"></div>
                    </blockquote>
                </div>
                <!-- <div class="form-inputcol-12" style="margin-left: 45px;">
                    <span>文章缩略图</span>
                    <button id="fileBtn" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal">上传</button>
                    <img style="height:100px" id="userImg" src="" alt="">
                    <input style="visibility: hidden;" class="file" hidden="hidden" type="file">
                </div> -->
                <div class="layui-form-item">
                    <label class="layui-form-label">是否推荐</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="ishot" lay-skin="switch" lay-filter="switchTest" title="是|否"
                            class="ck1">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否置顶</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="istop" lay-skin="switch" lay-filter="switchTest" title="是|否"
                            class="ck2">
                    </div>
                </div>





                <div class="layui-form-item layui-input-group layui-col-md4 ">

                    <div class="layui-input-prefix">seo关键字</div>
                    <textarea name="keywords" placeholder="请输入seo关键字" class="layui-textarea"></textarea>
                </div>
                <div class="layui-form-item layui-input-group layui-col-md4">

                    <div class="layui-input-prefix">seo的描述</div>
                    <textarea name="description" placeholder="请输入seo的描述" class="layui-textarea"></textarea>
                </div>


                <!-- <span>文章内容</span> -->
                <div id="editor—wrapper" class="layui-form-item">
                    <div id="toolbar-container"><!-- 工具栏 --></div>
                    <div id="editor-container"><!-- 编辑器 --></div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="submit" class="layui-btn sub" lay-submit lay-filter="demo1">立即提交</button>
                        <button type="submit" class="layui-btn dra" lay-submit lay-filter="demo1">保存草稿</button>
                        <button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>

            </form>
            <script>

            </script>
            <script src="./js/ajaxBase.js"></script>
            <script src="./js/add.js"></script>
        </div>
    </div>
</body>
<script>
</script>

</html>